	
<!--返回顶部-->
<div class="side">
    <ul>
        <!--href='#'和javascript:void(0);的区别：#会加载当前页面，并进行从开始显示，后者不会进行重新加载，也不会从头开始显示，(和没效果一样)-->
        <li><a href="/main" target="_blank"><div class="sidebox"><img src="/xinwen/images/side_icon01.png">首页分享</div></a></li>
        <li><a href="tencent://message/?uin=806298182&Site=400301.com&Menu=yes" target="_blank"><div class="sidebox"><img src="/xinwen/images/side_icon04.png">QQ</div></a></li>
        <li><a href="http://weixin.qq.com/r/ykzexmzEPzFArSil9xnY" target="_blank"><div class="sidebox"><img src="/xinwen/images/weixin.png">微信</div></a></li>
        <li><a href="http://blog.sina.com.cn/htmlcss3" target="_blank"><div class="sidebox"><img src="/xinwen/images/side_icon03.png">新浪微博</div></a></li>
        <li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="/xinwen/images/side_icon05.png"></a></li>
    </ul>
</div>
<!--头部-->
<div class="toper">
    <div class="top_left">
        <a href="#"><img src="/xinwen/img/toper/logo.jpg" /></a>
        <a class="titer" href="#">新闻网</a>
    </div>
    <div class="right_showtime col-xs-4 sousuo ">
        <img style="float: left;" src="/xinwen/img/toper/time.jpg" />
        <div id="showtime1" style="width: 330px;"></div>
    </div>
</div>
<div class="clear"></div>
<div class="news_title">
    <div class="title">
        <ul id="title">
            <li><a href="javascript:void(0);">新闻中心</a></li>
            <li><a href="javascript:void(0);">体育</a></li>
            <li class="change"><a style="color: white;" href="javascript:void(0);">NBA</a></li>
            <li style="margin-left: 60px;background: transparent;"><a href="#"><img class="shanheLogo" style="float: left;" src="/xinwen/img/toper/title1.jpg"/></a></li>
            <li style="width: 40px; float: right;margin-right: 20px;border-left: 1px solid #eaeaea;background: white;"><a href="javascript:void(0);"><img style="float: right;"src="/xinwen/img/toper/main.jpg"/></a></li>
        </ul>
    </div>

</div>
<!--内容-->
<div class="news1_content">
    <div class="weizhi">
        <div class="weizhi_cn">
            <ul>
                <li>您当前所在位置：</li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">/</a></li>
                <li><a href="#">体育</a></li>
                <li><a href="#">/</a></li>
                <li><a href="tiyu.html">NBA</a></li>
            </ul>

        </div>
    </div>

    <!--新闻内容-->
    <div class="content_left">
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>
        <ul>
            <li class="left_cn"><a href="#">河南一中学雾霾天组织学生露天考试 校长被停职</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">华南农业大学“组织饭局猥亵女生”教工被行拘</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">广州一幼儿园教师被指虐童 让小孩脱裤或捅耳朵</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">男生校内被同学踹伤一年未愈，教育局介入调查</a></li>
            <li class="left_time">【2016-12-22】</li>
            <li class="left_cn"><a href="#">认出一个甲骨文字国家奖励10万元 至今无人领</a></li>
            <li class="left_time">【2016-12-22】</li>
        </ul>

    </div>
    <div class="content_right">
        <div class="content_right_top">
            <ul>
                <li class="toutiao"><a href="javascript:void(0);">头条</a></li>
                <li class="toutiao_title"><a href="#">校园欺凌校园贷上榜</a></li>
                <li class="toutiao_poto"><a><img src="/images/james.jpg" /></a></li>
                <li class="toutiao_cn"><a href="#">詹姆斯在NBA效力的第14个赛季。他创造了几乎所有的生涯总得分节点的最年轻纪录。而由于高中生此后被禁止进入NBA，詹姆斯的最年轻纪录未来可能都难以被超越。</a></li>
            </ul>


        </div>
        <div class="content_right_bottom">
            <div class="content_right_bottom_tit">
                <h3>最新消息</h3>
                <a href="#">更多>></a>
            </div>
            <div class="neirong">
                <div class="content_right_bottom_cn">
                    <h5><a href="#">《环球人物》出版阅兵增刊&nbsp;全国征集亲历</a></h5>
                    <a href="#" style="float: left;"><img src="/images/jr.jpg" class="rightLogo"/></a>
                    <a href="#" style="float: left;width: 210px;margin-left: 5px;">上半场JR三分球3中2，加上这2个三分，JR生涯三分命中数达到了1700个...</a>

                </div>
                <div class="clear"></div>
                <ul class="content_right_bottom_ul">
                    <li>标签:</li>
                    <li><a href="#">阅兵增刊</a></li>
                </ul>
            </div>
            <div class="neirong">
                <div class="content_right_bottom_cn">
                    <h5><a href="#">《环球人物》出版阅兵增刊&nbsp;全国征集亲历</a></h5>
                    <a href="#" style="float: left;"><img src="/images/saicheng.jpg" class="rightLogo"/></a>
                    <a href="#" style="float: left;width: 210px;margin-left: 5px;">接下来一起看看2016-2017赛季勇士赛程对阵情况...</a>

                </div>
                <div class="clear"></div>
                <ul class="content_right_bottom_ul">
                    <li>标签:</li>
                    <li><a href="#">阅兵增刊</a></li>
                </ul>
            </div>
            <div class="neirong">
                <div class="content_right_bottom_cn">
                    <h5><a href="#">《环球人物》出版阅兵增刊&nbsp;全国征集亲历</a></h5>
                    <a href="#" style="float: left;"><img src="/images/duwei.jpg" class="rightLogo"/></a>
                    <a href="#" style="float: left;width: 210px;margin-left: 5px;">今日NBA官方公布了新赛季第一周的MVP排行榜。其中，雷霆球星威斯布鲁克居首，哈登紧随其后...</a>

                </div>
                <!--清除浮动-->
                <div class="clear"></div>
                <ul class="content_right_bottom_ul">
                    <li>标签:</li>
                    <li><a href="#">阅兵增刊</a></li>
                </ul>
            </div>

        </div>

    </div>
</div>
<div class="clear"></div>
<!--底部-->
<div class="footer">
    <div class="footer_top">
        <ul>
            <li><a href="#" style="color: #06427a;font-size: 14px;font-weight: bold;">友情链接:</a></li>
            <li><a href="#">人民网</a></li>
            <li><a href="#">新华网</a></li>
            <li><a href="#">中国网</a></li>
            <li><a href="#">中国日报网</a></li>
            <li><a href="#">国际在线</a></li>
            <li><a href="#">CNTV</a></li>
            <li><a href="#">中青网</a></li>
            <li><a href="#">中国台湾网</a></li>
            <li><a href="#">央广网</a></li>
            <li><a href="#">中国西藏网</a></li>
            <li><a href="#">中新网</a></li>
            <li><a href="#">中工网</a></li>
            <li><a href="#">光明网</a></li>
            <li><a href="#">百度</a></li>
            <li><a href="#">新浪</a></li>
            <li><a href="#">搜狐</a></li>
            <li><a href="#">凤凰</a></li>
            <li><a href="#">和讯</a></li>
            <li><a href="#">腾讯</a></li>
            <li><a href="#">国搜</a></li>
            <li><a href="#">好搜</a></li>
            <li><a href="#">金融界</a></li>
            <br />
            <li style="width:63px;height: 13px;"><a href="#"></a></li>
            <li><a href="#">国家机关</a></li>
            <li><a href="#">中国网信网</a></li>
            <li><a href="#">中央纪委</a></li>
            <li><a href="#">金融机构</a></li>
            <li><a href="#">重点企业</a></li>
            <li><a href="#">地方重点网站</a></li>
            <li><a href="#">四川新闻网</a></li>
            <li><a href="#">华龙网</a></li>
            <li><a href="#">东北欧新闻网</a></li>
            <li><a href="#">大众网</a></li>
            <li><a href="#">大洋网</a></li>
            <li><a href="#">齐鲁网</a></li>
            <li><a href="#">东南网</a></li>
            <li><a href="#">红网</a></li>
            <li><a href="#">华声在线</a></li>
            <li><a href="#">凯风网</a></li>
            <li><a href="#">更多>></a></li>
        </ul>

    </div>


</div>
<div class="bg" style="background-color: lightblue;">
    <div class="footer_bottom">
        <p style="padding-top: 10px;">
            <a href="#">关于北疆在线</a>
            <a href="#">-</a>
            <a href="#">网站大事记</a>
            <a href="#">-</a>
            <a href="#" style="color: #663401;">网站诚聘</a>
            <a href="#">-</a>
            <a href="#">版权声明</a>
            <a href="#">-</a>
            <a href="#">互联网视听节目服务自律公约</a>
            <a href="#">-</a>
            <a href="#">广告服务</a>
            <a href="#">-</a>
            <a href="#">友情链接</a>
            <a href="#">-</a>
            <a href="#">纠错邮箱</a>
        </p>
        <p>
            <a href="#">友情赞助：内蒙古青城网络科技有限公司</a>
        </p>
        <p class="footer_bottom_p">
            <a href="#">北疆在线</a>
            <a href="#"><img src="/xinwen/img/footer/footer_bottom1.jpg" />版权所有</a>
            <a href="#">蒙ICP证140554号</a>
            <a href="#">网络传播视听节目许可证(0107190)</a>
            <a href="#"><img src="/xinwen/img/footer/footer_bottom2.jpg" />违法和不良信息举报中心</a>
            <a href="#">举报电话:18510915000</a>
        </p>
        <p>
            <a href="#">蒙公网安备110102000527</a>
        </p>
        <p>
            <a href="#"><img src="/xinwen/img/footer/footer_bottom3.jpg" /></a>
        </p>

    </div>
</div>
<script>
    $("#title li").click(function(){
        if($(this).className!="change"){
            $(this).children().css("color","white");
            $(this).children().css("text-decoration","none");
            $(this).addClass("change");
            $(this).siblings().removeClass("change");
            $(this).siblings().children().css("color","black");
        }
    });
    //计时器,在header.ejs里面加载，这样可以加载的快
    function timeShow() {
        setInterval(function () {
            var date=new Date();
            var nowTime=date.getFullYear()+'年'+((date.getMonth()+1)<10?'0'+(date.getMonth()+1):(date.getMonth()+1))+'月'+
            (date.getDate()<10?'0'+date.getDate():date.getDate())+'日&#x3000;'+(date.getHours()<10?'0'+date.getHours():date.getHours())+
            '点'+(date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes())+'分'+(date.getSeconds()<10?'0'+date.getSeconds():date.getSeconds())+'秒'
            $('#showtime1').html(nowTime);
        },1000);
    }
    timeShow();
    //新闻接口，发送ajax请求
    $.ajax({
        //天行数据的api接口，一次获取40条信息
        url: 'https://api.tianapi.com/nba/?key=c732ed00482b7208218faf599e32239a&num=40',
        success: function (res) {
            //console.log(res);
            if (res.code == 200) {
                //找出符合条件的a标签
               $('.content_left .left_cn a').each(function (index,item) {
                   //这里的item是遍历出来的DOM对象
                    item.innerText=res.newslist[index].title;
                    item.setAttribute('href',res.newslist[index].url);
               });
               //DOM对象forEach(function(item,index,arr){}),jQuery对象each(function(index,item){})
               $('.content_left .left_time').each(function (index,item) {
                   item.innerText=res.newslist[index].ctime;
               })
               //头条区
                $('.toutiao_title a').text(res.newslist[30].title);
                $('.toutiao_title a').attr('href',res.newslist[30].url);
                $('.toutiao_cn a').attr('href',res.newslist[30].url);

                //
                $('.content_right_bottom_cn h5 a').each(function (index,item) {
                    item.innerText=res.newslist[31+index].title;
                    item.setAttribute('href',res.newslist[31+index].url);
                })
                //
                $('.content_right_bottom_ul li a').each(function (index,item) {
                    item.innerText=res.newslist[31+index].description;
                })

            }
        },
        //参数1：xhr对象 参数2：错误提示状态信息 参数3：抛出的错误对象
        error:function(xhr, textStatus, error){
            //通常情况下textStatus和errorThrown只有其中一个包含信息
           console.log(error);
        }

    })
</script>
